import React, { Component } from 'react'
//1.导入组件
import {Button} from 'antd';
//2. 导入 css 样式
import './index.less';
// import 'antd/dist/antd.css'; 
//导入图标的组件
import {AlipayOutlined, SearchOutlined} from '@ant-design/icons'
import { Typography} from 'antd';
const { Text } = Typography;

export default class Antd extends Component {
    render() {
        return (
            <div className="antd-container">
                <h2>按钮</h2>
                <Button type="primary">Primary Button</Button>
                <Button type="primary" shape="circle" icon={<SearchOutlined />} />
                <h2>图标</h2>
                <AlipayOutlined style={{fontSize: '40px'}} />
                <h2>排版</h2>
                    <Text>Ant Design (default)</Text>
                    <Text type="secondary">Ant Design (secondary)</Text>
                    <Text type="success">Ant Design (success)</Text>
                    <Text type="warning">Ant Design (warning)</Text>
            </div>
        )
    }
}
